<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Geek Uninstaller - 专业卸载工具 | 技术小馆</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/tailwindcss/2.2.19/tailwind.min.css">
    <link rel="stylesheet" href="https://cdn.staticfile.org/font-awesome/6.4.0/css/all.min.css">
    <link href="https://fonts.googleapis.com/css2?family=Noto+Serif+SC:wght@400;500;600;700&family=Noto+Sans+SC:wght@300;400;500;700&display=swap" rel="stylesheet">
    <script src="https://cdn.jsdelivr.net/npm/mermaid@latest/dist/mermaid.min.js"></script>
    <style>
        body {
            font-family: 'Noto Sans SC', Tahoma, Arial, Roboto, "Droid Sans", "Helvetica Neue", "Droid Sans Fallback", "Heiti SC", "Hiragino Sans GB", Simsun, sans-serif;
            color: #333;
            line-height: 1.6;
        }
        .hero-gradient {
            background: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
        }
        .feature-icon {
            transition: all 0.3s ease;
        }
        .feature-card:hover .feature-icon {
            transform: translateY(-5px);
            color: #667eea;
        }
        .comparison-card {
            transition: all 0.3s ease;
            border-left: 4px solid transparent;
        }
        .comparison-card:hover {
            transform: translateY(-3px);
            box-shadow: 0 10px 20px rgba(0,0,0,0.1);
            border-left: 4px solid #667eea;
        }
        .mermaid {
            background-color: #fff;
            border-radius: 8px;
            padding: 20px;
            box-shadow: 0 4px 6px rgba(0,0,0,0.05);
        }
        .footer-link:hover {
            color: #a0aec0;
        }
    </style>
</head>
<body class="bg-gray-50">
    <!-- Hero Section -->
    <section class="hero-gradient text-white py-20 px-4 md:px-0">
        <div class="container mx-auto max-w-6xl text-center">
            <div class="flex justify-center mb-6">
                <div class="bg-white bg-opacity-20 rounded-full p-4 inline-block">
                    <i class="fas fa-trash-alt text-3xl"></i>
                </div>
            </div>
            <h1 class="text-4xl md:text-5xl font-bold mb-4 font-serif">Geek Uninstaller</h1>
            <h2 class="text-xl md:text-2xl mb-8 opacity-90">专业级的 Windows 软件卸载解决方案</h2>
            <p class="text-lg max-w-2xl mx-auto leading-relaxed mb-8">
                彻底清除 Windows 系统中的应用程序及其残留文件，保持系统干净高效
            </p>
            <a href="https://www.geekuninstaller.com/" target="_blank" class="inline-block bg-white text-indigo-700 font-bold py-3 px-8 rounded-full hover:bg-opacity-90 transition duration-300 transform hover:-translate-y-1">
                访问官方网站 <i class="fas fa-external-link-alt ml-2"></i>
            </a>
        </div>
    </section>

    <!-- Main Content -->
    <div class="container mx-auto max-w-6xl py-12 px-4 md:px-0">
        <!-- Core Features -->
        <section class="mb-20">
            <h2 class="text-3xl font-bold mb-12 text-center font-serif">核心功能</h2>
            <div class="grid md:grid-cols-2 lg:grid-cols-4 gap-8">
                <div class="feature-card bg-white p-6 rounded-lg shadow-sm text-center hover:shadow-md transition duration-300">
                    <div class="feature-icon text-4xl mb-4 text-indigo-600">
                        <i class="fas fa-layer-group"></i>
                    </div>
                    <h3 class="text-xl font-bold mb-3">深度卸载</h3>
                    <p class="text-gray-600">完全移除程序及其关联文件和注册表项</p>
                </div>
                <div class="feature-card bg-white p-6 rounded-lg shadow-sm text-center hover:shadow-md transition duration-300">
                    <div class="feature-icon text-4xl mb-4 text-indigo-600">
                        <i class="fas fa-hammer"></i>
                    </div>
                    <h3 class="text-xl font-bold mb-3">强制卸载</h3>
                    <p class="text-gray-600">可删除顽固或损坏的软件</p>
                </div>
                <div class="feature-card bg-white p-6 rounded-lg shadow-sm text-center hover:shadow-md transition duration-300">
                    <div class="feature-icon text-4xl mb-4 text-indigo-600">
                        <i class="fas fa-tasks"></i>
                    </div>
                    <h3 class="text-xl font-bold mb-3">批量卸载</h3>
                    <p class="text-gray-600">支持同时移除多个程序</p>
                </div>
                <div class="feature-card bg-white p-6 rounded-lg shadow-sm text-center hover:shadow-md transition duration-300">
                    <div class="feature-icon text-4xl mb-4 text-indigo-600">
                        <i class="fas fa-search-plus"></i>
                    </div>
                    <h3 class="text-xl font-bold mb-3">安装追踪</h3>
                    <p class="text-gray-600">记录新软件安装时的系统变更</p>
                </div>
            </div>
        </section>

        <!-- Key Features -->
        <section class="mb-20">
            <h2 class="text-3xl font-bold mb-12 text-center font-serif">主要特点</h2>
            <div class="grid md:grid-cols-3 gap-6">
                <div class="bg-white p-6 rounded-lg shadow-sm flex items-start">
                    <div class="bg-indigo-100 text-indigo-600 p-3 rounded-full mr-4">
                        <i class="fas fa-feather-alt"></i>
                    </div>
                    <div>
                        <h3 class="text-xl font-bold mb-2">轻量绿色</h3>
                        <p class="text-gray-600">单文件版仅6MB，无需安装</p>
                    </div>
                </div>
                <div class="bg-white p-6 rounded-lg shadow-sm flex items-start">
                    <div class="bg-indigo-100 text-indigo-600 p-3 rounded-full mr-4">
                        <i class="fas fa-mouse-pointer"></i>
                    </div>
                    <div>
                        <h3 class="text-xl font-bold mb-2">操作简单</h3>
                        <p class="text-gray-600">界面简洁，一键完成卸载</p>
                    </div>
                </div>
                <div class="bg-white p-6 rounded-lg shadow-sm flex items-start">
                    <div class="bg-indigo-100 text-indigo-600 p-3 rounded-full mr-4">
                        <i class="fas fa-broom"></i>
                    </div>
                    <div>
                        <h3 class="text-xl font-bold mb-2">高效彻底</h3>
                        <p class="text-gray-600">比系统自带卸载更干净</p>
                    </div>
                </div>
            </div>
        </section>

        <!-- Use Cases -->
        <section class="mb-20">
            <h2 class="text-3xl font-bold mb-12 text-center font-serif">适用场景</h2>
            <div class="grid md:grid-cols-2 gap-6">
                <div class="bg-white p-6 rounded-lg shadow-sm border-l-4 border-indigo-500">
                    <h3 class="text-xl font-bold mb-3 flex items-center">
                        <span class="bg-indigo-500 text-white rounded-full w-8 h-8 flex items-center justify-center mr-3">1</span>
                        彻底清理试用版软件
                    </h3>
                    <p class="text-gray-600 ml-11">完全移除试用期结束的软件，不留任何痕迹</p>
                </div>
                <div class="bg-white p-6 rounded-lg shadow-sm border-l-4 border-indigo-500">
                    <h3 class="text-xl font-bold mb-3 flex items-center">
                        <span class="bg-indigo-500 text-white rounded-full w-8 h-8 flex items-center justify-center mr-3">2</span>
                        移除无法正常卸载的程序
                    </h3>
                    <p class="text-gray-600 ml-11">解决软件卸载失败或卸载后仍有残留的问题</p>
                </div>
                <div class="bg-white p-6 rounded-lg shadow-sm border-l-4 border-indigo-500">
                    <h3 class="text-xl font-bold mb-3 flex items-center">
                        <span class="bg-indigo-500 text-white rounded-full w-8 h-8 flex items-center justify-center mr-3">3</span>
                        定期维护系统性能
                    </h3>
                    <p class="text-gray-600 ml-11">通过清理软件残留保持系统轻量高效</p>
                </div>
                <div class="bg-white p-6 rounded-lg shadow-sm border-l-4 border-indigo-500">
                    <h3 class="text-xl font-bold mb-3 flex items-center">
                        <span class="bg-indigo-500 text-white rounded-full w-8 h-8 flex items-center justify-center mr-3">4</span>
                        清除浏览器插件等顽固程序
                    </h3>
                    <p class="text-gray-600 ml-11">彻底卸载那些难以移除的浏览器扩展和插件</p>
                </div>
            </div>
        </section>

        <!-- Comparison -->
        <section class="mb-20">
            <h2 class="text-3xl font-bold mb-12 text-center font-serif">与传统卸载对比</h2>
            <div class="grid md:grid-cols-2 gap-8">
                <div class="comparison-card bg-white p-8 rounded-lg shadow-sm">
                    <div class="flex items-center mb-6">
                        <div class="bg-indigo-100 text-indigo-600 p-3 rounded-full mr-4">
                            <i class="fas fa-rocket"></i>
                        </div>
                        <h3 class="text-xl font-bold">Geek Uninstaller</h3>
                    </div>
                    <ul class="space-y-4">
                        <li class="flex items-start">
                            <i class="fas fa-check text-green-500 mt-1 mr-2"></i>
                            <span>完全移除程序和所有关联文件</span>
                        </li>
                        <li class="flex items-start">
                            <i class="fas fa-check text-green-500 mt-1 mr-2"></i>
                            <span>深度清理注册表项</span>
                        </li>
                        <li class="flex items-start">
                            <i class="fas fa-check text-green-500 mt-1 mr-2"></i>
                            <span>强制卸载顽固程序</span>
                        </li>
                        <li class="flex items-start">
                            <i class="fas fa-check text-green-500 mt-1 mr-2"></i>
                            <span>批量卸载功能</span>
                        </li>
                    </ul>
                </div>
                <div class="comparison-card bg-white p-8 rounded-lg shadow-sm">
                    <div class="flex items-center mb-6">
                        <div class="bg-gray-200 text-gray-600 p-3 rounded-full mr-4">
                            <i class="fas fa-desktop"></i>
                        </div>
                        <h3 class="text-xl font-bold">系统自带卸载</h3>
                    </div>
                    <ul class="space-y-4">
                        <li class="flex items-start">
                            <i class="fas fa-times text-red-500 mt-1 mr-2"></i>
                            <span>经常遗留大量残留文件</span>
                        </li>
                        <li class="flex items-start">
                            <i class="fas fa-times text-red-500 mt-1 mr-2"></i>
                            <span>不清理注册表项</span>
                        </li>
                        <li class="flex items-start">
                            <i class="fas fa-times text-red-500 mt-1 mr-2"></i>
                            <span>无法处理卸载失败的程序</span>
                        </li>
                        <li class="flex items-start">
                            <i class="fas fa-times text-red-500 mt-1 mr-2"></i>
                            <span>仅支持单个程序卸载</span>
                        </li>
                    </ul>
                </div>
            </div>
        </section>

        <!-- Visualization -->
        <section class="mb-20">
            <h2 class="text-3xl font-bold mb-12 text-center font-serif">功能对比可视化</h2>
            <div class="mermaid">
                graph TD
                    A[Geek Uninstaller] -->|彻底清理| B[程序文件]
                    A -->|深度扫描| C[注册表项]
                    A -->|强制移除| D[顽固程序]
                    A -->|批量处理| E[多个软件]
                    F[系统卸载] -->|基本移除| B
                    style A fill:#667eea,color:#fff
                    style F fill:#999,color:#fff
            </div>
        </section>
    </div>

    <!-- Footer -->
    <footer class="bg-gray-900 text-gray-400 py-12">
        <div class="container mx-auto max-w-6xl px-4 text-center">
            <h3 class="text-xl font-bold text-white mb-2">技术小馆</h3>
            <p class="mb-6">专业的工具与知识分享</p>
            <a href="http://www.yuque.com/jtostring" target="_blank" class="footer-link text-indigo-300 hover:underline transition duration-300">
                <i class="fas fa-external-link-alt mr-1"></i> http://www.yuque.com/jtostring
            </a>
        </div>
    </footer>

    <script>
        mermaid.initialize({
            startOnLoad: true,
            theme: 'default',
            flowchart: {
                useMaxWidth: false,
                htmlLabels: true,
                curve: 'basis'
            }
        });
    </script>
</body>
</html>